<template>
	<view>
	<view v-for="(item,index) in GetTrick" :key="index">
	<view class="quan" >
		<view class="quanInfo">
			<text class="couponMpoey">￥{{item.subsidy}} </text>
			<text class="couponName">{{item.title}}</text>
			<text class="couponTime">{{item.expire}}</text>
		</view>
		<view class="receiveBtn">
			<view class="receive">使用</view>
		</view>
		</view>
	</view>
</view>
</template>

<script>
	export default{
		data(){
			return{
				Token:{
					"token":'',
				},
				GetTrick:{
					
				}
			}
		},
		
		onLoad() {
			this.Token.token=uni.getStorageSync('login-user').token;
			this.GetAllMsg();
		},
		
		methods:{
			GetAllMsg(){
				uni.request({
					url:'http://192.168.2.226:8086/business/user/mycouponlist',
					method:'GET',
					header:{
						'token':this.Token.token
					},
					success:(res) =>{
						this.GetTrick=res.data.data
					}
				})
			}
		}
	}
	
</script>

<style>
		.quan{
			margin: 22rpx 37rpx;
			background-color: #FFF5F6;
			border-radius: 10rpx;
			display: flex;
			font-family: PingFang SC;
			flex-direction: column;
		}
		.quanInfo{
			background-image: radial-gradient(circle at right top, #FFFFFF, #FFFFFF 15rpx, transparent 16rpx), radial-gradient(circle at right bottom, #FFFFFF, #FFFFFF 15rpx, transparent 16rpx);
			border-right: 1px dashed #F64F51;
			padding: 30rpx 50rpx;
			width: 75%;
		}
		.couponMpoey{
			font-size: 30rpx;
			font-weight: 700;
			color: #ff3600;
			display: block;
		}
		.couponMpoeyInfo{
			font-size: 26rpx;
			padding-left: 10rpx;
		}
		.couponName{
			font-size: 24rpx;
			font-weight: 500;
			color: #797979;
			display: block;
		}
		.couponTime{
			font-size: 20rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #797979;
		}
		.receiveBtn{
			background-image: radial-gradient(circle at left top, #FFFFFF, #FFFFFF 15rpx, transparent 16rpx), radial-gradient(circle at left bottom, #FFFFFF, #FFFFFF 15rpx, transparent 16rpx);
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: 170px;
		}
		.receive{
			border-radius: 23rpx;
			background-color: #5FC484;
			padding: 7rpx 31rpx;
			text-align: center;
			margin-left: 36rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #ffffff;
		}

</style>